<ion-view view-title="公告栏">
    <ion-header-bar class="bar-balanced">
        <button ui-sref="more" class="button button-clear"><i class="we-font we-icon-back"></i>更多</button>
        <h1 class="title">公告栏</h1>
    </ion-header-bar>
    <!--<zhx-page-loading></zhx-page-loading>-->
    <zhx-pop-tip show-tip="tipShown" content="tipContent"></zhx-pop-tip>
    <ion-content>
        <ion-refresher pulling-text="下拉即可刷新" on-refresh="doRefresh()"></ion-refresher>
        <ion-list>
            <ion-item ng-repeat="x in board" ui-sref="boardContent"
                      ng-click="details(x.noticeTitle,x.noticeContentd,x.noticeId)"
                      ng-class="{active: x.tag == 1}"
                      class="item-more2">
                <div id="time">
                    <button class="button button-stable button-small" id="btn2">{{x.publishTime}}</button>
                </div>
                <div class="list-b">
                    <div id="title">{{x.noticeTitle}}</div>
                    <p id="text">{{x.noticeContents}}</p>
                    <div class="b-look">
                        查看详情
                        <ion-icon class="icon ion-chevron-right"></ion-icon>
                    </div>
                </div>

            </ion-item>
        </ion-list>
    </ion-content>
</ion-view>
<style>
    .item-more2 .item-content {
        padding: 0;
    }

    .list-b {
        padding: 10px;
    }

    #btn2 {
        display: block;
        margin: auto;
        background-color: #000;
        color: #fff;
        line-height: 20px;
        padding: 0 10px;
    }

    .icon {
        float: right;
    }

    .b-look {
        font-size: 12px;
        color: #666;
    }

    #time {
        height: 40px;
        background-color: #eee;
        display: flex;
        align-items: center; /*定义div的元素垂直居中*/
        justify-content: center; /*定义div的里的元素水平居中*/
    }

    #title {
        font-size: 16px;
    }

    #text {
        white-space: normal;
        margin-top: 10px;
    }

</style>
























